:global {
  .message {
    .red {
      color: #F5222E;
    }
    .green {
      color: #87D068
    }
    .active {
      color: #0F71FF;
      border-bottom: 2px solid #0F71FF
    }
  }

  .message-receive {
    color: #666;
    padding:0 20px;
    .form {
      font-size: 12px;
    }
    .receive-list{
      padding: 16px 0;
      button{
        margin-right: 16px;
      }
    }
    .ant-table-wrapper .ant-table-tbody td a{
      color: #666666;
    }
  }
  .Rich-text{
    width: 560px;
    float: left;
    margin-top: 16px;
  }
  .RichEditor-editor .public-DraftEditor-content {
    min-height: 200px;
    max-height: 200px;
    overflow-y: auto;
  }
  .message-title{
    padding-right: 30px;
    span{
      display: inline-block;
      font-size: 14px;
      color: #999;
      i{
        font-style: normal;
        font-size: 14px;
        color: #333;
      }
    }
    span.title-right{
      font-size: 12px;
      float: right;
      margin-top: 2px;
    }
    p{
      font-size: 14px;
      color: #666;
      margin-top: 6px;
      margin-bottom: 0;
    }
  }
  .message-content{
    padding:0 26px;
    .content-img{
      height: 220px;
      background: #666666;
      img{

      }
    }
    .content-theme{
      margin-top: 16px;
      h2{
        font-size: 16px;
        color: #333;
        line-height: 1;
      }
      p.theme-note{
        font-size: 14px;
        color: #666;
        line-height: 1;
      }
      .theme{
        .sdf{
          margin-bottom: 16px;
          padding-left: 20px;
          position: relative;
          &:after{
            content: '';
            position: absolute;
            top: 3px;
            left: 0;
            width: 8px;
            height: 8px;
            background: #3dbd7d;
            border-radius: 50%;
          }
          &.clearfix:after{
            visibility: inherit;
          }
          p.sdf-i{
            float: left;
            font-style: normal;
            font-size: 14px;
            color: #666;
            margin-right: 8px;
            line-height: 1;
            height: 100%;
            margin-bottom: 0;
          }
          p.sdf-span{
            margin-bottom: 0;
            font-size: 14px;
            color: #999;
            line-height: 1;
          }
          ul{
            font-size: 14px;
            color: #999;
            line-height: 1;
            margin-bottom: 0;
            padding-left: 0;
            margin-left: 70px;
            li{
              font-weight: normal;
              display:block;
              font-size: 14px;
              color: #999;
              line-height: 1;
              list-style: none;
              margin-bottom: 8px;
            }
          }
        }
      }
    }
  }
}

